<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>背景颜色</title>
    <style type="text/css">
        h2 {
            background-color: transparent;
        }
        p {
            background-color: rgb(250,0,255);
        }
        p.no2 {
            background-color: gray; 
            padding: 20px;
        }
        a{
            background-color: orange;
        }
        h1{
            background-color:#00ff00;
        }
        body{
            height: 600px;
            background-image:url(image/bg.jpg);
            background-repeat: no-repeat;
            background-position: 100% 100%;
        }
    </style>
</head>
<body>
    <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <p>这是段落</p>
    <p class="no2">这个段落设置了内边距。</p>
    <a href="#">这是一个超链接</a>
    <a href="#">1234500000</a>
</body>
</html>